@media screen and (max-width: 424px ) {
	/*Login*/
	.logo{display: flex; align-items: flex-end; line-height: 0;}
	.logo img{height: 9.9vw; padding-right: 4.5vw;}
	.logo h2{font-size: 5.8vw; padding-left: 4.5vw; margin-top: 0;}
	.login-box{width: 80%; position: absolute; margin: 0; left: 50%; top: 23vw; transform: translateX(-50%);}
	.login-box div.wrap{height: auto; top: 29vw;}
	.login-box div.wrap .dot{width: 40%; top: -7.7vw; left: -16vw; animation: move2 5s linear infinite alternate;}
	.login-box .border{width: 100vw; top: 3vw; margin-left: -50vw; left: 50%;}
	.login-box .title{padding-top: 2vw;}
	.login-box ul{width: 90%;}
	.login-box li{height: 9vw; margin-top: 6vw; display: flex; align-items: center;}
	.login-box li img{padding: 0 0 0 2vw; width: 4vw;}
	.login-box button{width: 90%; height: 10vw; margin-top: 6vw; font-size: 18px;}
	.login-box .tip{width: 90%; margin-top: 3vw;}
}
@media screen and (max-width: 375px ){
	/*Login*/
	.login-box div.wrap .dot{top: -6.7vw;}
}
@media screen and (max-width: 320px ){
	/*Login*/
	.login-box div.wrap .dot{top: -4.5vw;}
}